<template>
  <div class="line5Box">
      <span v-for="index in 5" class="line5" :style="color?'backgroundColor:#e44b2c':'backgroundColor:#dbdbdb'"></span>
      <Point style="margin-left:.7rem" :style="color?'backgroundColor:#e44b2c':'backgroundColor:#dbdbdb'">
        <slot></slot>
      </Point>
  </div>
</template>
<script>
import Point from './Point'

export default {
  components:{
    Point
  },
  props:['color'],
  data(){
    return {
      
    }
  }
}
</script>
<style lang="less">
@import '../../../../style/mixin.less';
  .line5Box{
    .wh(3.3067rem,100%);
    .fx(row);
    .line5{
      display: inline-block;
      margin-left: 0.1067rem;
      .wh(0.2133rem,0.0533rem);
    }
  }
</style>
